img{
    z-index:-1;
    width: 100%;
    height: 100%;
    position:fixed;
    left: 0;
    top: 0;
    
}



body {
    display: flex;
    justify-content: center;
    align-items: center;

}
.main .header {
    text-align: center;
    margin: 25px auto;
}

.header button{
    padding: 5px 15px;
    background-color: #5cabca;
    border: none;
    color: #fff;
    border-radius: 3px;
    outline: none;
    cursor: pointer;

}
/*---------面板的样式-------------*/
.game-info {
    background-color: #ae68af47;
    display: flex;
    align-items: center;
}

.game-info>.remaining {
    width:3em;
    height: 4.5ex;
    background-color: #b0d0e0b0;
    text-align: center;
}



.game-info>.padding {
    flex-grow: 1;
}

.game-info>.timer {
    width:3em;
    height: 4.5ex;
    background-color: #b0d0e0b0;
    text-align: center;
}




.game-info>.message {
    font-size: 18px;
    background-color: rgba(238, 242, 180, 0.866);
    border-radius: 20px;
    border-color: white;
}

table {
    border-collapse: collapse;
}



.cell {
    background-color: #dbaac27d;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    border-width: 4px;
    border-style: outset;
    border-color: #d8c4ce;
}

.cell.unclear>span.mine-count,
.cell.unclear>span.mine {
    display: none;
}

.spreaded {
    border:none;
    background-color: #b0d0e0b0;

}

.cell>span.mine {
    display: inline-block;
    font-size: 30px;
    text-align: center;
    line-height: 35px;
    font-weight: 900;
    color: #a11717;
}


.cell>span.mine-count {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    font-weight: 800;

}
span.flag{
    font-size: 20px;
    text-align: center;
    line-height: 15px;
    background-color: rgba(238, 242, 180, 0.866);
}

span.mine-count.n1 {
    color: blue;
}

span.mine-count.n2 {
    color: green;
}

span.mine-count.n3 {
    color: rgb(233, 33, 33);
}

span.mine-count.n4,
span.mine-count.n5,
span.mine-count.n6,
span.mine-count.n7,
span.mine-count.n8 {
    color: rgba(43, 43, 131, 0.973);
}



.cell.exploded {
     background-color: #a11717;

}

.cell.exploded.spreaded {
    background-color: #edcfcfbf;
}

.cell.success {
    background-color: #84ae76;
}

.cell.success.spreaded {
    background-color: #bedbc6e2;
}